<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>系统管理</title>
  <link href="../../css/systemManagement/bootstrap.css" rel="stylesheet" />
  <link href="../../css/systemManagement/font-awesome.css" rel="stylesheet" />
  <link href="../../css/systemManagement/custom-styles.css" rel="stylesheet" />


  <script src="../../js/functionalAreas/regionalDataDisplay/jquery-2.2.1.min.js"></script>
  <script type="text/javascript" src="../../js/systemManagement/bootstrap.min.js"></script>
  <script type="text/javascript" src="../../js/systemManagement/jquery.metisMenu.js"></script>
  <script src="../../js/functionalAreas/regionalDataDisplay/common.js"></script>
  <script src="../../js/functionalAreas/regionalDataDisplay/echarts.min.js"></script>
  <script src="../../js/functionalAreas/regionalDataDisplay/dataTool.js"></script>
  <script type="text/javascript" src="../../js/systemManagement/main.js"></script>
</head>

<body>
<div id="wrapper" style="background: #ffffff">
  <div id="page-inner">
    <div class="row">
      <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="panel panel-primary text-center no-boder bg-color-green">
          <div class="panel-body">
            <i class="fa fa-bar-chart-o fa-5x"></i>
            <h3>8,457</h3>
          </div>
          <div class="panel-footer back-footer-green">
            日访问量
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="panel panel-primary text-center no-boder bg-color-blue">
          <div class="panel-body">
            <i class="fa fa-shopping-cart fa-5x"></i>
            <h3>52,160 </h3>
          </div>
          <div class="panel-footer back-footer-blue">
            部署花费
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="panel panel-primary text-center no-boder bg-color-red">
          <div class="panel-body">
            <i class="fa fa fa-comments fa-5x"></i>
            <h3>15,823 </h3>
          </div>
          <div class="panel-footer back-footer-red">
            反馈意见数
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="panel panel-primary text-center no-boder bg-color-brown">
          <div class="panel-body">
            <i class="fa fa-users fa-5x"></i>
            <h3>36,752 </h3>
          </div>
          <div class="panel-footer back-footer-brown">
            总用户量
          </div>
        </div>
      </div>
    </div>


    <div class="row">
      <div class="col-md-9 col-sm-12 col-xs-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            月访问量和用户量变化趋势
          </div>

          <div class="panel-body" >
            <div id="line-chart" style="height: 400px"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            已保护的林区率
          </div>
          <div class="panel-body">
            <div id="donut-chart" style="width:100%;height: 400px"></div>
          </div>
        </div>
      </div>

    </div>
    <!-- /. ROW  -->

    <div class="row" >
      <div class="col-md-4 col-sm-12 col-xs-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            系统概况
          </div>
          <div class="panel-body">
            <div class="list-group">

              <a href="#" class="list-group-item">
                <span class="badge">7 minutes ago</span>
                <i class="fa fa-fw fa-comment"></i> 最近评论
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">16 minutes ago</span>
                <i class="fa fa-fw fa-truck"></i> 最近添加设备
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">36 minutes ago</span>
                <i class="fa fa-fw fa-globe"></i> 最新世界林火新闻
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">1 hour ago</span>
                <i class="fa fa-fw fa-user"></i> 最近新用户注册
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">1.23 hour ago</span>
                <i class="fa fa-fw fa-user"></i> 最后用户访问
              </a>
            </div>
            <div class="text-right">
              <a href="#">更多信息 <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-8 col-sm-12 col-xs-12">

        <div class="panel panel-default">
          <div class="panel-heading">
            林区负责人列表
          </div>
          <div class="panel-body">
            <div class="table-responsive">
              <table class="table table-striped table-bordered table-hover">
                <thead>
                <tr>
                  <th>序号</th>
                  <th>负责林区</th>
                  <th>姓名</th>
                  <th>联系方式</th>
                  <th>邮箱</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>1</td>
                  <td>西山林区</td>
                  <td>Doe</td>
                  <td>John15482</td>
                  <td>name@site.com</td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>东山林区</td>
                  <td>Marriye</td>
                  <td>Kim1425</td>
                  <td>name@site.com</td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>南山林区</td>
                  <td>Nermal</td>
                  <td>Rossy1245</td>
                  <td>name@site.com</td>
                </tr>
                <tr>
                  <td>4</td>
                  <td>北山林区</td>
                  <td>Orieal</td>
                  <td>Rich5685</td>
                  <td>name@site.com</td>
                </tr>
                <tr>
                  <td>5</td>
                  <td>什么林区</td>
                  <td>Hielsar</td>
                  <td>Jac4587</td>
                  <td>name@site.com</td>
                </tr>

                </tbody>
              </table>
              <div class="text-right">
                <a href="#">更多信息 <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <footer>
      <p style="text-align: center;">
        Copyright &copy; 2020.Company name All rights reserved.
        <a target="_blank" href="../../html/aboutUs/teamIntroduction.html">云南大学智能控制课题组</a>
      </p>
    </footer>


  </div>
</div>

</body>

</html>